<template>
  <div>
    <el-container class="container">
      <el-aside width="220px" class="aside">
        <navigation/>
      </el-aside>
      <el-container>
        <el-header style="height: 61px">
          <page-header/>
        </el-header>
        <el-main>
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import navigation from '@/views/navigation/navigation'
import pageHeader from '@/views/navigation/pageHeader'
export default {
  name: "index",
  components: {
    navigation,
    pageHeader
  },
  data() {
    return {
    }
  }
}
</script>

<style scoped lang="less">
.container {
  height: 100vh;
  background: #fafafa;
  .aside {
    background: #3c3f41;
  }
}
</style>